<%--
    Document   : alum_AulaVirtualEnlaces
    Created on : 05/01/2012, 10:35:45 AM
    Author     : Cabrera Abanto, Alan
--%>


<%@page session="true" %>
<%--@taglib uri="/struts-tags" prefix="s"--%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
 <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>      
 <script language="JavaScript">
    function validarDatos() {
        tema = document.frmBuscar.txtNombreTema.value;
        fechaHasta = document.frmBuscar.dateend.value;
        fechaDesde = document.frmBuscar.datestart.value;
        cmbTema01 = document.frmBuscar.cmbTema01;
        cmbTema02 = document.frmBuscar.cmbTema02;
        cmbTema03 = document.frmBuscar.cmbTema03;
        if (cmbTema01.selectedIndex == 0) {
            alert('Debe Seleccionar un Nivel');
            cmbTema01.focus();
            return false;
        }else if (cmbTema02.selectedIndex == 0) {
            alert('Debe Seleccionar un Grado');
            cmbTema02.focus();
            return false;
        }else if (cmbTema03.selectedIndex == 0) {
            alert('Debe Seleccionar un Curso');
            cmbTema03.focus();
            return false;                    
        }else if (fechaDesde == '') {
            alert('Debe Ingresar Fecha Desde');
            cmbTema03.focus();
            return false;                    
        }else if (fechaHasta == '') {
            alert('Debe Ingresar Fecha Hasta');
            cmbTema03.focus();
            return false;                    
        }else if (tema == '') {
            alert('Debe Ingresar Nombre de Tema');
            cmbTema03.focus();
            return false;                    
        }else {
              return true;                
        }
    }


                            
                        
                           
                
            
 function imprimir() {
                window.parent.frames[5].focus();
                window.print();
            }

    


        </script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <script type="text/javascript" src="/SistemaWebAGB_2.0/dinamica/js/js/jquery-1.6.2.min.js"></script>
            <link href="/SistemaWebAGB_2.0/dinamica/css/admin_1.css" rel="stylesheet" type="text/css" />
            <link href="/SistemaWebAGB_2.0/dinamica/css/alumno.css" rel="stylesheet" type="text/css" />
            <link href="/SistemaWebAGB_2.0/dinamica/css/style.css" rel="stylesheet" type="text/css" />
             <script type="text/javascript" src="/SistemaWebAGB_2.0/dinamica/js/js/jquery-ui-1.8.16.custom.min.js"></script> 
             <script type="text/javascript" src="/SistemaWebAGB_2.0/dinamica/js/js/jquery.validate.js"></script> 
             <link href="/SistemaWebAGB_2.0/dinamica/js/css/redmond/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" />
            <script language="JavaScript" type="text/JavaScript">
            $(document).ready(function(){
                $("#cmbTema01").change(function(event){
                    var id = $("#cmbTema01").find(':selected').val();
                    $("#cmbTema02").load('jquery/jqueryResultSource.jsp?source=tema&item=cmbTema01&value='+id);                    
                });
                $("#cmbTema02").change(function(event){
                    var id = $("#cmbTema02").find(':selected').val();
                    $("#cmbTema03").load('jquery/jqueryResultSource.jsp?source=tema&item=cmbTema02&value='+id);
                });                
                
                $('#contenedor').hide(); 
                //$('#tablaAjax').hide(); 
                
                $.validator.addMethod("valueNotEquals", function(value, element, arg){
                    return arg != value;
                }, "Value must not equal arg.");
                // a custom method for validating the date range
                
                $('#frmRegistrar').validate({
                   rules: {
                                      
                   'cmbTema01': { valueNotEquals: "default" },
                   'cmbTema02': { valueNotEquals: "default" },
                   'cmbTema03': { valueNotEquals: "default" }
                   },
                    messages: {
                                     
                   'cmbTema01': 'Seleccionar Nivel',
                   'cmbTema02': 'Seleccionar Grado',
                   'cmbTema03': 'Seleccionar Curso'
               }              
            });
            
            $('#frmRegistrar').submit(function() {
                    if ($("#frmRegistrar").validate().form() == true){
                        // Enviamos el formulario usando AJAX
                        $.ajax({
                            type: 'POST',
                            url: $(this).attr('action'),
                            data: $(this).serialize(),
                            // Mostramos un mensaje con la respuesta de PHP
                            success: function(data) {
                                $('#tablaAjax').hide();
                                $('#resultado').html(data);
                                $('#tablaAjax').fadeIn(1000);                       
                            }
                        })           
                    }
                    return false;
                }); 
                
                
                
                
            });
           
            function UpdateDiv(Url){            
                $.ajax({
                    type: 'GET',
                    url: Url,
                    data: $(this).serialize(),
                    // Mostramos un mensaje con la respuesta de PHP
                    success: function(data) {
                        
                        $('#tablaAjax').fadeIn(1000).hide(1000);
                        
                        $('#mensaje').html(data);
                        
                        $('#contenedor').hide(1000);                        
                        
                    }
                })                 
            }
            </script>
           
        <title></title>
 
    </head>
    <body>
        <table width="85%" border="0" cellpadding="0" cellspacing="0">

            <tr>
                <td height="143" ></td>
                <td colspan="4" valign="top">
                    <form name="frmRegistrar" id="frmRegistrar"
                    action="/SistemaWebAGB_2.0/SrvServletDirectivo?accion=listaTemas"
              target="principal" 
            method="post" onsubmit="return validarDatos()" >

                           <table align="center" width="75%" border="0" cellpadding="0" cellspacing="0" id="tabla">
                        <!--DWLayoutTable-->
                        
                
                
                        <tr valign="middle" id="contenedor">
                            <td height="20" width="25%" align="center" colspan="2" valign="middle"  class="cabecera" ><STRONG><div id="mensaje" style="color: #FFFFFF">  &nbsp;</div> </STRONG></td>
                        </tr>
                         <tr valign="middle">
                            <td height="20" width="25%" align="center" colspan="2" valign="middle"  class="cabecera" ><STRONG>CONSULTA TEMAS  &nbsp; </STRONG></td>
                        </tr>
                         
                        
                      
                        <tr valign="middle">
                            <td  width="25%" align="left"  valign="middle"  class="titulo">Nivel:</td>
                            <td valign="middle" class="contenido" align="left"><label>
                                    <select name="cmbTema01" id="cmbTema01" style="width:250px" >
                                            <option value="default">---Seleccione Nivel---</option>                          
                                            <option value="4">PRIMARIA</option>
                                            <option value="7">SECUNDARIA</option>
                                  
                               
                              </select>
                            </label>                              &nbsp; </td>
                        </tr>
                        <tr valign="middle">
                            <td  width="25%" align="left"  valign="middle"  class="titulo">Grado: &nbsp; </td>
                            <td valign="middle"  class="contenido" align="left"><label>
                              <select name="cmbTema02" style="width:250px" id="cmbTema02">
                                <option value="default">---Seleccione Grado---</option>                             
                                    
                            
                              </select>
                            </label>                              &nbsp; </td>
                        </tr>
                        <tr valign="middle">
                          <td align="left"  valign="middle"  class="titulo">Curso</td>
                          <td valign="middle"  class="contenido" align="left">
                              <select name="cmbTema03" id="cmbTema03" style="width:250px" >
                            <option value="default">---Seleccione Curso---</option>                      
                          </select></td>
                        </tr>                           
                          <tr valign="middle" class="contenido">
                            <td height="25" width="25%" align="left"  valign="middle" >&nbsp;  </td>
                            <td valign="middle" align="left">                           
                                &nbsp;<input type="submit" value="Buscar" id="registrarTema" />   </td>
                        </tr>
                        </table>
                    </form>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                  
                    &nbsp;</td>
            </tr>
            <tr id="tablaAjax">
                <td height="143" ></td>
                <td colspan="4" valign="top"  align="center"id="resultado">                
                
                </td>
            </tr>
            <tr >
                <td height="2">&nbsp;</td>
                <td align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:window.history.back()">Retornar</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            </tr>
        </table>
        </body>


</html>